
const path = require('path')

// const webpack = require('webpack')

const htmlWebpackPlugin = require('html-webpack-plugin')

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
    mode: 'none',
    entry:  path.join(__dirname, './src/main.js'),//已多次提及的唯一入口文件
    output: {
      path: path.join(__dirname, './dist') ,//打包后的文件存放的地方
      filename: 'bundle.js'//打包后输出文件的文件名
    },
    // devServer:{//这是配置dev-server 命令参数的第二种形式}
    //     //--open --contentBase src --hot
    //     open: true,
    //     contentBase: 'src',
    //     hot: true
    // },
    plugins: [
    //   new webpack.HotModuleReplacementPlugin(),
    
      new VueLoaderPlugin("login.vue"),


      new htmlWebpackPlugin({
        //创建一个在内存中生成的html页面的插件
        template: path.join(__dirname, './src/index.html'),
        filename: 'index.html'
      })
    ],
    module: {//这个节点用于配置所有第三方模块加载器
      rules: [
        { test:/\.css$/, use:['style-loader', 'css-loader'] },
        { test:/\.less$/, use:['style-loader', 'css-loader','less-loader'] },
        { test:/\.scss$/, use:['style-loader', 'css-loader', 'sass-loader'] },
        { test:/\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader?limit=7631&name=[name].[ext]' },
        { test:/\.(ttf|woff2|woff|eot|svg)$/, use: 'url-loader' },
        { test:/\.js$/, use: 'babel-loader', exclude: /node_modules/},
        { test:/\.vue$/, use: 'vue-loader'}
      ]

    },
    // resolve: {
    //   alias: {
    //     "vue$": "vue/dist/vue.js"
    //   }
    // }
  }